import { jsx } from 'react/jsx-runtime';

function arrowLeft (props) {
    const name = props.className;
    let className = 'w-svg';
    if (name) {
        className += ' ' + name;
    }
    let fn = props.onClick;
    let fnClick;
    if (fn) {
        fnClick = (e) => {
            fn(e);
        };
    }
    return (jsx("span", { onClick: fnClick, className: className, style: { fontSize: props.fontSize, color: props.color }, children: jsx("svg", { viewBox: "0 0 1024 1024", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M654.6 197.8l-4.2 3.6-313 272c-10.6 9.2-17.2 23-17.2 38.4 0 15.4 6.8 29.2 17.2 38.4L649.8 822l5.2 4.6c5 3.4 11 5.4 17.4 5.4 17.4 0 31.6-14.8 31.6-33.2l0 0L704 225.2l0 0c0-18.4-14.2-33.2-31.6-33.2C665.8 192 659.6 194.2 654.6 197.8z" }) }) }));
}

export { arrowLeft as default };
